<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="/wk3un4/houtai/lib/layui/css/layui.css" />
<script type="text/javascript" src="/wk3un4/houtai/lib/layui/layui.js"></script>
</head>
<body>
	<form class="layui-form" action="">
		<div class="layui-form-item" hidden="hidden">
			<label class="layui-form-label">ID:</label>
			<div class="layui-input-inline" style="width: 350px;">
				<input type="text" id="id" name="id" class="layui-input"
					readonly="true">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">姓名:</label>
			<div class="layui-input-inline" style="width: 350px;">
				<input type="text" id="name" name="name" class="layui-input"
					readonly="true">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">是否已读:</label>
			<div class="layui-input-inline" style="width: 350px;">
					<input type="radio" name="read" value="是" title="是"> <input
						type="radio" name="read" value="否" title="否" checked>
			</div>
		</div>
		<div class="layui-form-item layui-form-text">
				<label class="layui-form-label">回复:</label>
				<div class="layui-input-block" style="height: 150px;">
					<textarea name="huiFu" id="huiFu" lay-verify="content" placeholder="请输入内容" class="layui-textarea">
					</textarea>
				</div>
			</div>
			<div class="layui-form-item">
			<div class="layui-input-block">
				<div class="layui-btn-container" style="text-align:center;">
					<button class="layui-btn" lay-filter="userEditBtu" lay-submit="">
                        	修改
                    </button>
				</div>
			</div>
		</div>
	</form>
	</div>
	<script>
	//加载了layui的form模块
	layui.use(['form','layedit'], function() {
			var form = layui.form;
			 var layedit = layui.layedit;
			 var $ = layui.jquery; //引入jquery
			 var index=layedit.build('huiFu');//建立编辑器
			 //提交之前同步到富文本编辑器的值到文本域
			   form.verify({
				  content:function(value){
					  return layedit.sync(index);
				  }
			  });
			//监听提交
			form.on('submit(userEditBtu)', function(data) {
				var d = data.field; //表单中的数据，定义一个对象来接收
				d.method = "update"; // 我的密匙、大家用你们自己的
				//通过ajax向数据库提交数据了
				console.log(d); //提交之前的一个数据验证、通过打印的方式先手动的去判断一下这个数据
				var url = '/wk3un4/ManageZsgServlet';
				//确保数据没有问题就进行ajax提交了
				$.post(url, d, function(data) {
					if (data.count > 0) {
						console.log('修改成功');
						var index = parent.layer.getFrameIndex(window.name); //获取当前窗口的name
						parent.layer.close(index); //关闭窗口
					}
				}, "json");
				return false;
			});
		});
	</script>
</body>
</html>
